
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hello-backbonejs</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script>
<script	src="http://ajax.cdnjs.com/ajax/libs/underscore.js/1.1.6/underscore-min.js"></script>
<script	src="http://ajax.cdnjs.com/ajax/libs/backbone.js/0.3.3/backbone-min.js"></script>
<script>
	$(function() {
		var ListView = Backbone.View.extend({
			el : $('body'), // attaches `this.el` to an existing element.

			initialize : function() {
				_.bindAll(this, 'render'); // fixes loss of context for 'this' within methods
				this.render(); // not all views are self-rendering. This one is.
			},

			render : function() {
				$(this.el).append("<ul><li>hello world</li></ul>");
			}
		});

		var listView = new ListView();
	});
</script>
<body>
</body>
</html>
